<!DOCTYPE html>
<html>
<head>
	<title>回到顶部</title>
	<meta charset="utf-8">
	<script src="jquery.min.js"></script>
	<script src="BackToTop.js"></script>

<style type="text/css">
	.container{
		width: 100%;
		height: 1900px;
		background: #f60;
	}
	a{
		text-decoration: none;
	}
</style>
</head>

<body>
<div class="container">
	
</div>
<script type="text/javascript">

	$(function(){
		var options = {
			setting: { 
				startline:200, 			// 鼠标向下滚动距离，出现#topcontrol图标
				scrollto:100, 			// 它的值可以是整数，也可以是一个id标记。
				scrollduration:10000, 	// 滑动到的scrollto的速度，值越大越慢
				fadeduration:[100, 100]	//#topcontrol这个div的淡入淡出速度，第一个参数为淡入速度，第二个参数为淡出速度
			},
			controlHTML: '<a href="#top" class="top_stick"><img src="images/scroll-top.png" style="width:50px; height:50px" /></a>',//控制向上滑动的html源码
			controlattrs: {	//控制#topcontrol这个div距离右下角的像素距离	
				offsetx:100, 
				offsety:310
			},
			anchorkeyword: '#top',//滑动到的id标签
			state: {
				isvisible:false,  	//是否#topcontrol图标这个div为可见
				shouldvisible:false //是否#topcontrol图标这个div该出现
			}
		}
		$(window).BackToTop(options);
	})
	
</script>
</body>
</html>